.search {
	.layer {
		width: 1200px;
		margin: 0 auto;
		padding: 40px 0;

		h3 {
			font-size: 26px;
			line-height: 20px;
			color: #333;
			text-align: left;
			font-weight: 600;
			margin-bottom: 20px;
		}

		.no {
			height: 170px;
			margin: 20px 0;

			p {
				text-align: center;
				color: #ccc;
				margin-top: 20px;
			}

			.img {
				margin: 0 auto;
				width: 143px;
				height: 120px;
				background: #eee url() no-repeat
			}
		}

		.hongren {
			.hongrenList {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				margin: 40px 0;

				.hongrenItem {
					margin-right: 22px;
					margin-bottom: 22px;
					cursor: pointer;
					position: relative;
					img {
						width: 283px;
						height: 326px;
						border-radius: 10px;
					}
					.fansBox {
						position: absolute;
						background: #fff;
						color: #666;
						right: 10px;
						bottom: 10px;
						padding: 1px 5px 2px;
						border-radius: 10px;
						font-size: 12px;
						.fans {
							color: #ff527d;
						}
					}
				}
				.hongrenItem:nth-child(4n) {
					margin-right: 0;
				}
			}

		}

		.goods {
			.goodsList {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				margin-top: 40px;
				.goodsItem {
					margin-right: 20px;
					margin-bottom: 20px;
					box-sizing: border-box;
					width: 224px;
					padding: 10px;
					border: 1px solid #eee;
					border-radius: 10px;
					cursor: pointer;
					.imgBox {
						width: 100%;
						overflow: hidden;
						position: relative;
						img {
							width: 100%;
							transition: all .4s;
						}
						.stock {
							position: absolute;
							width: 120px;
							height: 40px;
							text-align: center;
							line-height: 40px;
							font-size: 16px;
							color: #fff;
							background: rgba(0,0,0,.6);
							border-radius: 5px;
							left: 50%;
							top: 50%;
							margin: -20px 0 0 -60px;
						}
					}
					img:hover {
						transform: scale(1.15);
					}
					.name {
						font-size: 14px;
						color: #333;
						transition: color .3s;
						text-overflow: ellipsis;
						white-space: nowrap;
						overflow: hidden;
						font-weight: 600;
						margin-top: 10px;
					}
					.desc {
						font-size: 14px;
						color: #333;
						transition: color .3s;
						text-overflow: ellipsis;
						white-space: nowrap;
						overflow: hidden;
						margin-top: 6px;
					}
					.price {
						margin: 6px 0;
						.mprice {
							font-size: 14px;
							color: #ccc;
							text-decoration: line-through;
							font-weight: 100;
							margin-left: 12px;
						}
						.hprice {
							font-size: 20px;
							color: #ff527d;
							font-weight: 600;
						}
					}
				}
				.goodsItem:nth-child(5n) {
					margin-right: 0;
				}
			}
		}
	}
}
